// cpu折线图配置
export const lineOption = (series, toolbox, times, list = {}) => {
  return {
    tooltip: {
      trigger: "axis",
    },
    backgroundColor: "#10202f", //背景色
    color: [
      "#73F6AF",
      "#00D1FF",
      "#00d7b2",
      "#04a764",
      "#04cffa",
      "#07dcef",
      "#2bb9fd",
      "#6699e7",
    ],
    legend: {
      textStyle: {
        fontSize: 15,
      },
      selected: list,
      bottom: "10",
      data: series,
    },
    grid: {
      left: "2%",
      right: "5%",
      bottom: "45",
      top: "80",
      containLabel: true,
    },
    xAxis: {
      type: "category",
      axisLine: {
        lineStyle: {
          color: "#314450",
          width: "2",
        },
      },
      axisLabel: {
        // rotate: 10,
        textStyle: {
          color: "#BFCAD4",
          fontSize: "14",
        },
      },
      axisTick: {
        show: false, // 不显示坐标轴刻度线
      },
      data: times,
    },
    yAxis: {
      type: "value",
      // min: 0, //取0为最小刻度
      scale: true, //自适应
      nameGap: 15,
      axisTick: {
        show: false, //刻度线
      },
      axisLine: {
        show: false, //隐藏y轴
      },
      axisLabel: {
        // show: false, //隐藏刻度值
        textStyle: {
          color: "#BFCAD4",
          fontSize: "14",
        },
      },
      splitLine: {
        // ⽹格线
        show: true,
        lineStyle: {
          color: "#2e3f48",
          type: "dotted",
          width: "2",
        },
      },
    },
    dataZoom: [
      {
        type: "slider",
        // bottom: 340, //下滑块距离x轴底部的距离
        show: true,
        start: 0,
        end: 100,
        // width: 400,
        // right: 30,
        xAxisIndex: [0],
      },
    ],
    // dataZoom: [
    //   {
    //     type: "slider",
    //     show: true,
    //     height: 14,
    //     bottom: 10,
    //     borderColor: "transparent",
    //     backgroundColor: "#263440",
    //     handleColor: "#CCF6FF",
    //     handleSize: 30,
    //     // handleStyle: {
    //     //   borderColor: "#CCF6FF",
    //     //   shadowBlur: 100,
    //     //   shadowOffsetX: 5,
    //     //   shadowOffsetY: 5,
    //     //   shadowColor: "##CCF6FF",
    //     // },
    //     start: 0,
    //     end: 100,
    //   },
    // ],
    series: series,
  };
};
